<template>
  <div style="height: 100%; width: 100%">
    <div class="headerSytle">
      <h2>教学无忧后端管理</h2>
    </div>
    
    <!-- 学生班级相关页面 -->
    <el-container style="background-color: aliceblue">
      
      <el-aside width="200px">
        <el-menu
          active-text-color="#ffd04b"
          background-color="#545c64"
          class="el-menu-vertical-demo"
          default-active="2"
          text-color="#fff"
        >
          <el-menu-item index="1">
            <router-link to="/page/classes" class="RouterLinkStyle"
              >班级管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="2">
            <router-link to="/page/classes/student" class="RouterLinkStyle"
              >班级学生管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="3">
            <router-link to="/page/classes/subject" class="RouterLinkStyle"
              >班级课程管理页面</router-link
            >
          </el-menu-item>



          <el-menu-item index="5">
            <router-link to="/page/examination" class="RouterLinkStyle"
              >考试管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="6">
            <router-link to="/page/admin/role" class="RouterLinkStyle"
              >管理员角色管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="7">
            <router-link to="/page/score" class="RouterLinkStyle"
              >分数管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="8">
            <router-link to="/page/student/role" class="RouterLinkStyle"
              >学生管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="9">
            <router-link to="/page/subject" class="RouterLinkStyle"
              >课程管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="10">
            <router-link to="/page/teacher/role" class="RouterLinkStyle"
              >教师管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="11">
            <router-link to="/page/classes/teacher" class="RouterLinkStyle"
              >教师课程管理页面</router-link
            >
          </el-menu-item>

          <el-menu-item index="12">
            <router-link to="/page/examination/student" class="RouterLinkStyle"
              >学生考试管理页面</router-link
            >
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main class="EmMainStyle">
        <router-view name="AdminPageRouter"></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
import Header from "./Header.vue";
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from "@element-plus/icons-vue";
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 750px;
}
.RouterLinkStyle {
  text-decoration: none;
  color: rgb(231, 215, 209);
}
.EmMainStyle {
  width: 100%;
  height: 100%;
  background-color: rgb(100, 181, 252);
}
.headerSytle{
  width: 100%;
  background: #f6f7eb;
}
</style>